@font-face {
    font-family: PF;
    /*src: url('../font/PingFang Regular.ttf');*/
}
@font-face {
    font-family: shu;
    src: url('../font/DIN-Medium.otf');
}
body{
    margin: 0;
    padding: 0;
    box-sizing:border-box;
    font-family: PF;
}
a{
    color: #000000;
    text-decoration: none;
}
p{
    margin: 0;
}
a:hover{
    text-decoration: none;
    color: #000000;
}
ul{
    margin: 0;
    list-style: none;
    padding: 0;
}
@font-face {
    font-family: 'iconfont';
    src: url('../index-icon/iconfont.eot');
    src: url('../index-icon/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../index-icon/iconfont.woff2') format('woff2'),
    url('../index-icon/iconfont.woff') format('woff'),
    url('../index-icon/iconfont.ttf') format('truetype'),
    url('../index-icon/iconfont.svg#iconfont') format('svg');
}
/*版芯控制*/
@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}
@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}
@media (min-width: 1260px) {
    .container {
        width: 1170px;
    }
}
@media (min-width: 1360px) {
    .container {
        width: 1230px;
    }
}
@media (min-width: 1440px) {
    .container {
        width: 1330px;
    }
}
/*标题样式1*/
.title-style1 p{
    color: #999999;
    font-size: 16px;
    text-transform:uppercase;
    line-height: 16px;
    display: block;
}
.title-style1 span{
    color: #de0214;
    font-size: 36px;
    line-height: 36px;
    margin-top: 20px;
    display: block;
    font-weight: bold;
}
.title-style1 div{
    width: 50px;
    height: 1px;
    background-color: #000;
    margin-top: 50px;
}
.sec-title{
    font-size: 30px;
    color: #000000;
    font-weight: bold;
}

/*按钮*/
.button{
    font-size: 16px;
    color: #ffffff;
    line-height: 16px;
    padding: 20px 35px;
    background-color: #de0214;
    display: inline-block;
}
.button i{
    font-size: 12px;
    margin-left: 10px;
    transition: .4s;
}
.button:hover i{
    margin-left: 30px;
    transition: .4s;
}

/*标题样式2*/
.title-style2{
    overflow: hidden;
}
.title-style2 div{
    float: left;
}
.title-style2 div:first-child p{
    font-size: 16px;
    color: #999999;
    line-height: 16px;
}
.title-style2 div:first-child span{
    font-size: 36px;
    line-height: 36px;
    color: #de0214;
    margin-top: 20px;
    display: block;
    font-weight: bold;
}
.title-style2 div:nth-child(2){
    width: 1px;
    height: 50px;
    background-color: rgba(0,0,0,.1);
    float: left;
    margin-left: 70px;
}
.title-style2 p:last-child{
    font-size: 15px;
    line-height: 30px;
    color: #999999;
    margin-top: -7px;
    float: left;
    max-width: 850px;
    margin-left: 70px;
}